body{
    background: #efeff4;
}
header {
    .ding {
        background-color: #5485A2;
        width: 10rem;
        height: 1.29rem;
        position: fixed;
        top: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        .fanhui{
            margin-left: 0.28rem;
            img{
                width: 0.27rem;
            }
        }
        .name {
            display: flex;
            justify-content: center;
            width: 8.85rem;
            font-size: 0.49rem;
            font-family: PingFang;
            font-weight: 500;
            color: #FFFFFF;
        }
    }
}

nav {
    padding-top: 1.71rem;
    background-color: #fff;
    .serch {
        height: 1.17rem;
        line-height: 1.17rem;
        display: flex;
        justify-content: space-between;

        .left {
            display: flex;
            align-items: center;

            .tubiao {
                img {
                    width: 0.4rem;
                    margin: 0.4rem 0.16rem 0.4rem 0.4rem;
                }
            }

            .serch1 {
                width: 6.5rem;
                font-size: 0.4rem;
            }
        }

        .right {
            display: flex;
            align-items: center;

            .kuang {
                width: 0.01rem;
                height: 1.17rem;
                background: #E5E5E5;
            }

            img {
                width: 0.63rem;
                height: 0.63rem;
                margin: 0.27rem 0.45rem;
            }
        }
    }
}

section {
    background-color: #fff;
    .qiehuan {
        height: 1.17rem;
        background: #FFFFFF;
        display: flex;
        
        border-top: 0.01rem solid #E5E5E5;
        border-bottom: 0.01rem solid #E5E5E5;
        .one {
            width: 3.33333333333333333333333333rem;
            height: 1.17rem;
            line-height: 1.17rem;
            text-align: center;
            font-size: 0.4rem;
            font-family: PingFang;
            font-weight: 500;
            color: #444444;

            img {
                width: 0.32rem;
            }
        }
        .biankuang{
            border-left: 0.01rem solid #E5E5E5;
            border-right: 0.01rem solid #E5E5E5;
        }
        .xuanzhong {
            font-size: 0.4rem;
            font-family: PingFang;
            font-weight: 500;
            color: #2DA3E8;
        }
    }

    .neirong {
        .youkuang{
            border-right: 0.01rem solid #eeeeee;
        }
        .xiakuang{
            border-bottom: 0.01rem solid #eeeeee;
        }
        .huanhang{
            display: flex;
        flex-wrap: wrap;
        padding-bottom: 1.31rem;

            .shangpin {
                width: 5rem;
                display: flex;
                flex-direction: column;
                position: relative;
    
                .cuxiao {
                    position: absolute;
                    top: 0;
                    left: 4.1333rem;
    
                    img {
                        width: 0.8533rem;
                    }
                }
    
                .top {
                    img {
                        width: 5rem;
                    }
                }
    
                .center {
                    font-size: 0.32rem;
                    font-family: PingFang;
                    font-weight: 500;
                    color: #444444;
                    margin: 0.3rem 0.27rem;
                }
    
                .bottom {
                    display: flex;
                    height: 0.31rem;
                    align-items: flex-end;
                    margin-left: 0.25rem;
                    margin-bottom: 0.25rem;
    
                    .left {
                        font-size: 0.4rem;
                        font-family: PingFang;
                        font-weight: bold;
                        color: #000000;
                    }
    
                    .right {
                        font-size: 0.24rem;
                        font-family: PingFang;
                        font-weight: 500;
                        text-decoration: line-through;
                        color: #AAAAAA;
                        margin-left: 0.2rem;
                    }
                }
            }
        }
    }
}